// vite.config.ts - Vite 构建工具的配置文件
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  // 配置插件
  plugins: [
    // 使用官方的 React 插件来支持 JSX 和 React Fast Refresh
    react()
  ],
  
  // 配置开发服务器
  server: {
    // 设置开发服务器端口
    port: 3000,
    // 允许外部设备访问
    host: true,
    // 配置代理解决 CORS 问题
    proxy: {
      '/api/v1': {
        target: 'http://127.0.0.1:8000',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api\/v1/, '/api/v1')
      }
    }
  },
  
  // 配置路径别名
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@api': path.resolve(__dirname, './src/api'),
      '@config': path.resolve(__dirname, './src/config'),
      '@store': path.resolve(__dirname, './src/store'),
      '@pages': path.resolve(__dirname, './src/pages'),
      '@components': path.resolve(__dirname, './src/components'),
    }
  },
  
  // 配置构建选项
  build: {
    // 输出目录
    outDir: 'dist',
    // 生成静态资源的存放目录
    assetsDir: 'assets'
  }
});